@import 'swiper3.06.min.css';
@import 'animate.min.css';
@import 'public.css';

@import 'http://at.alicdn.com/t/font_aog0ivyc09wo2yb9.css';



$headFontColor: #fcc800;

$zhutiColor: #82b440;

$tubHover: #5b9910;





.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 


@mixin line-clamp ($line) {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break:break-all ;
	-webkit-line-clamp: $line;
	-webkit-box-orient: vertical;
}


// @include line-clamp(2);


@keyframes photoAnimite{
	0% {
		transform: translate(-750px,-30px); 
		opacity: 1;
	}
	50% {transform: translate(-450px,-100px);}
	70% {transform: translate(-450px,-100px);}
	100% {
		transform: translate(0px,0px);
		opacity: 1;

	}
}

@keyframes shoushi{
	0% {
		transform: translate(50px,50px) scale(1.2); 
	}
	80% {
		transform: translate(0px,0px) scale(1);

	}
	100% {
		transform: translate(50px,50px) scale(1.2); 


	}
}

@-webkit-keyframes cAdiou {
  0%{
    -webkit-transform:rotate(0deg);
  }

  100%{
    -webkit-transform:rotate(-360deg);
  }
}




#MaxCon{
	width:750px;
	height:100%;
	position: relative;
}


#cAdiou{
	position: absolute;
	 width: 51px;
	 height: 51px;
	 bottom: 20px;
	 z-index: 999;
	 right: 20px;
	 background-image: url(../images/public/adiou.png);

}
.cAdiou{
 -webkit-animation:cAdiou 3s infinite linear ;
}
#photoCon{
	position: absolute;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	display:none;

	#txixBut{
		position: absolute;
		top:30px;
		right: 30px;
		z-index: 99;
		i{
			font-size: 40px;
			color: #999;
		}

	}
	div.photoConNei{
		width: 100%;
		height: 100%;
		transform: scale(0);
		transition: all 0.7s;
		opacity: 0;
	}
	div.active{
		transform: scale(1);
		opacity: 1;

	}
	img{
		width: 100%;
		height: 100%;

	}


	div.animeta{
		position: absolute;
		bottom: 0;
		right: 0;
		div.fangdian{
			position: absolute;
			background-repeat: no-repeat;
			opacity: 0;
		}

		div.fangdian:nth-child(1){
			width: 46px;
			height: 47px;
			background-image: url(../images/public/14.png);
			bottom: 12px;
			right: 23px;
			


		}
		div.fangdian:nth-child(2){
			width: 29px;
			height: 29px;
			background-image: url(../images/public/03.png);
			bottom: 46px;
			right: 54px;
		}

		div.fangdian:nth-child(3){
			width: 30px;
			height: 30px;
			background-image: url(../images/public/17.png);
			bottom: 63px;
			right: 109px;
		}
		div.fangdian:nth-child(4){
			width: 39px;
			height: 38px;
			background-image: url(../images/public/11.png);
			bottom: 34px;
			right: 125px;
		}
		div.fangdian:nth-child(5){
			width: 14px;
			height: 16px;
			background-image: url(../images/public/06.png);
			bottom: 85px;
			right: 180px;
		}
	}

		div.animetaSta{
			div.fangdian{
			animation-name: photoAnimite;
			animation-duration: 1s;
			animation-timing-function: ease-out	;
			// animation-iteration-count: infinite;
			// animation-direction: normal;
			// animation-play-state: running;
			animation-fill-mode: forwards;

		}

		div.fangdian:nth-child(1){
				animation-delay: 0s;
		}
		div.fangdian:nth-child(2){
				animation-delay: 0.3s;
		}

		div.fangdian:nth-child(3){
				animation-delay: 0.6s;

		}
		div.fangdian:nth-child(4){
				animation-delay: 0.5s;
 
		}
		div.fangdian:nth-child(5){
				animation-delay: 0.7s;

		}





	}
}

#SwiperCon{
	width:100%;
	height:100%;
}

.swiper-slide{
	background-size: 100% 100%;
	>div.ConSn{
		position: relative;
		>div{
			position: absolute;
		}
	}
}


.slideOne{
	background-image: url(../images/page01/back.jpg);

	.logo{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}

	.title{
		top: 375px;
		left: 0;
	}
	.title2{
		top: 515px;
		left: 0;
	}

}


.slideTwo{
	padding-top:200px;
	background-image: url(../images/page02/back.jpg);
	>div.ConSn{
		position: relative;
		>div{
			position: relative;
		}
	}


}


.slideThree{
	background-image: url(../images/page03/back.jpg);
	div.photo:nth-child(1){top:192px; left: 438px;}
	div.photo:nth-child(2){top:300px; left: 145px;}
	div.photo:nth-child(3){top:435px; left: 97px;}
	div.photo:nth-child(4){top:480px; left: 357px;}
	div.photo:nth-child(5){top:490px; left: 545px;}
	div.photo:nth-child(6){top:610px; left: 545px;}
	div.photo:nth-child(7){top:650px; left: 225px;}
	div.photo:nth-child(8){top:737px; left: 390px;}
	div.photo:nth-child(9){top:777px; left: 225px;}

	div.shou{
		position: absolute;
		top: 380px;
		left: 260px;
		z-index: 99;
		display: none;
	}
	// div.shoushi{
	// 	animation:shoushi 2s infinite;
	// }


}


.slideFour{
	background-image: url(../images/page04/back.jpg);

	div.photo:nth-child(1){top:210px; left: 288px;}
	div.photo:nth-child(2){top:305px; left: 135px;}
	div.photo:nth-child(3){top:385px; left: 525px;}
	div.photo:nth-child(4){top:445px; left: 135px;}
	div.photo:nth-child(5){top:455px; left: 280px;}
	div.photo:nth-child(6){top:580px; left: 110px;}
	div.photo:nth-child(7){top:627px; left: 525px;}
	div.photo:nth-child(8){top:770px; left: 280px;}
}


.slideFive{
	background-image: url(../images/page05/back.jpg);
	div.photo:nth-child(1){top:200px; left: 295px;}
	div.photo:nth-child(2){top:395px; left: 245px;}
	div.photo:nth-child(3){top:390px; left: 453px;}
	div.photo:nth-child(4){top:545px; left: 190px;}
	div.photo:nth-child(5){top:605px; left: 465px;}
	div.photo:nth-child(6){top:723px; left: 465px;}
	div.photo:nth-child(7){top:745px; left: 185px;}
	div.photo:nth-child(8){top:765px; left: 310px;}
}


.slideSix{
	background-image: url(../images/page06/back.jpg);

	div.photo:nth-child(1){top:175px; left: 290px;}
	div.photo:nth-child(2){top:390px; left: 225px;}
	div.photo:nth-child(3){top:407px; left: 350px;}
	div.photo:nth-child(4){top:520px; left: 135px;}
	div.photo:nth-child(5){top:660px; left: 225px;}
	div.photo:nth-child(6){top:660px; left: 550px;}
	div.photo:nth-child(7){top:670px; left: 392px;}
	div.photo:nth-child(8){top:780px; left: 165px;}

}



.slideEight{
	background-image: url(../images/page08/back.jpg);

}


.slideSeven{
	background-color: #fad8cf;
	.slideSevenCon{
		padding-top:200px;

	}
}
